<!--图书列表（管理员）-->
<!--管理员登陆后跳到此页面-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增图书（管理员）</title>

    <!--    小房来了         -->
    <link href="/static/css1/reset.css" type="text/css" rel="stylesheet"/>
    <link href="/static/css1/vivify.min.css" type="text/css" rel="stylesheet"/>
    <link href="/static/css1/animate.min.css" type="text/css" rel="stylesheet"/>
    <link href="/static/css1/swiper.min.css" type="text/css" rel="stylesheet"/>
    <script src="/static/js/jquery.js" type="text/javaScript"></script>
    <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon"/>

    <script type="text/javaScript">    var searchapiBaseUrl = '/search-api/elasticsearch';
    var yjBaseUrl = ''</script>

    <link rel="stylesheet" href="/static/css1/index.main.css">
    <script src="/static/js/index.main.js"></script>
    </link></meta>
    <script type="text/javascript"> var count_data = [4, 7035, 0];</script>
    <script>
        //<![CDATA[
        window.gon = {};
        gon.locale = "zh-CN";
        gon.sentry_dsn = null;
        gon.baidu_register_hm_push = null;
        gon.sensor = {
            "server_url": "https://haveaniceday.gitee.com:3443/sa?project=production",
            "sdk_url": "https://cn-assets.gitee.com/assets/static/sensors-sdk-2f850fa5b654ad55ac0993fda2f37ba5.js",
            "page_type": "其他"
        };
        gon.info = {
            "controller_path": "profiles",
            "action_name": "show",
            "current_user": {
                "id": 11555964,
                "name": "房文涵",
                "username": "fwhzero",
                "official": false,
                "admin": false,
                "avatar_url": "no_portrait.png#房文涵-fwhzero"
            }
        };
        gon.tour_env = {
            "current_user": "fwhzero",
            "action_name": "show",
            "original_url": "https://gitee.com/profile",
            "controller_path": "profiles"
        };
        //]]>
    </script>
    <script src="/static/js/sensor-6269b9ad61bbcdaff20078e5dcff62d5.js"></script>
    <script src="/static/js/sentry-5.1.0-a823fb0be1b61c5d7ca4a89f0536cb0a.js"></script>
    <script src="/static/js/application-7169872a7f3a9d6f6ae1a1ff8733a480.js"></script>
    <script src="/static/js/jquery.timeago.zh-CN-4a4818e98c1978d2419ab19fabcba740.js"></script>


    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script>
        var title = document.title.replace(/( - Gitee| - 码云)$/, '')
        imgUrl = '';

        document.addEventListener('DOMContentLoaded', function (event) {
            var imgUrlEl = document.querySelector('.readme-box .markdown-body > img, .readme-box .markdown-body :not(a) > img');
            imgUrl = imgUrlEl && imgUrlEl.getAttribute('src');

            if (!imgUrl) {
                imgUrlEl = document.querySelector('meta[itemprop=image]');
                imgUrl = imgUrlEl && imgUrlEl.getAttribute('content');
                imgUrl = imgUrl || "https://gitee.com/static/images/logo_themecolor.png";
            }

            wx.config({
                debug: false,
                appId: "wxff219d611a159737",
                timestamp: "1683357952",
                nonceStr: "76c0427780a2397438859124daec7729",
                signature: "63e6df59c17fca36e094169804ac99d800af91ef",
                jsApiList: [
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage'
                ]
            });

            wx.ready(function () {
                wx.onMenuShareTimeline({
                    title: title, // 分享标题
                    link: "https://gitee.com/profile", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: imgUrl // 分享图标
                });
                wx.onMenuShareAppMessage({
                    title: title, // 分享标题
                    link: "https://gitee.com/profile", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    desc: document.querySelector('meta[name=Description]').getAttribute('content'),
                    imgUrl: imgUrl // 分享图标
                });
            });
            wx.error(function (res) {
                console.error('err', res)
            });
        })
    </script>

    <script type='text/x-mathjax-config'>
MathJax.Hub.Config({
  tex2jax: {
    inlineMath: [['$','$'], ['\\(','\\)']],
    displayMath: [["$$","$$"],["\\[","\\]"]],
    processEscapes: true,
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code'],
    ignoreClass: "container|files",
    processClass: "markdown-body"
  }
});



    </script>
    <script src="https://cn-assets.gitee.com/uploads/resources/MathJax-2.7.2/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

    <script>
        (function () {
            var messages = {
                'zh-CN': {
                    addResult: '增加 <b>{term}</b>',
                    count: '已选择 {count}',
                    maxSelections: '最多 {maxCount} 个选择',
                    noResults: '未找到结果',
                    serverError: '连接服务器时发生错误'
                },
                'zh-TW': {
                    addResult: '增加 <b>{term}</b>',
                    count: '已選擇 {count}',
                    maxSelections: '最多 {maxCount} 個選擇',
                    noResults: '未找到結果',
                    serverError: '連接服務器時發生錯誤'
                }
            }

            if (messages[gon.locale]) {
                $.fn.dropdown.settings.message = messages[gon.locale]
            }
        }());
    </script>

    <script>
        var userAgent = navigator.userAgent;
        var isLessIE11 = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1;
        if (isLessIE11) {
            var can_access = ""
            if (can_access != "true") {
                window.location.href = "/incompatible.html";
            }
        }
        document.addEventListener("error", function (ev) {
            var elem = ev.target;
            if (elem.tagName.toLowerCase() === 'img') {
                elem.src = "";
            }
        }, true);
    </script>


    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="/static/js/book.js"></script>

</head>


<body>
<!--图书馆管理系统页面-->

<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">资料室图书管理系统</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="{{ url_for('register.register') }}"> 注册 <span
                        class="sr-only">(current)</span></a></li>

            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="学号">
                </div>
                <button type="submit" class="btn btn-default">登录</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <!--        <li><a href="#">godlover</a></li>-->
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">更多操作 <span class="caret"></span></a>
                    <ul class="dropdown-menu">

                        <li><a href="{{ url_for('user.index') }}">注销</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div id="ordertable-modify"
     style="width: 655px;background-color: #cbc3c3b5;border-radius: 20px;margin: 60px 30px;position: absolute;left: 508px;top: 310px;z-index: 10;height: 300px;">
    <div class="order-details" style="padding-top: 55px;">
        <table class="table table-hover table-striped table-bordered" style="margin-top: 10px" id="modifyTable">
            <thead>
            <tr>
                <th style="background-color: #FFF;">编号</th>
                <th style="background-color: #FFF;">书名</th>
                <th style="background-color: #FFF;">目录1</th>
                <th style="background-color: #FFF;">目录2</th>
                <th style="background-color: #FFF;">描述</th>
                <th style="background-color: #FFF;">借阅情况</th>
                <th style="background-color: #FFF;">时间</th>
                <th style="background-color: #FFF;">内容</th>
                <th style="background-color: #FFF;">封面</th>
                <th style="background-color: #FFF;">价格</th>
                <th style="background-color: #FFF;">分数</th>
                <th style="background-color: #FFF;">作者</th>
                <th style="background-color: #FFF;">出版社</th>
            </tr>
            </thead>
            <tbody>

            </tbody>

        </table>


        <div class="dialog-content1"
             style="display: flex;padding-left: 199px;padding-right: 213px;justify-content: space-between;">
            <button class="confirm-button1">确认</button>
            <button class="cancel-button-books">返回</button>
        </div>
    </div>
</div>


<!--<a href="{{url_for('BooksOfLent.lent')}}" class="list-group-item">已借出的书</a>-->
<!--                <a href="{{url_for('BorrowerInformation.borrower')}}" class="list-group-item">借阅人信息</a>-->
<!--                <a href="{{url_for('AdminInformation.admin')}}" class="list-group-item">管理员信息</a>-->
<!--                <a href="{{url_for('noticeOp.list')}}" -->


<!--                    底部-->
<script type="text/javascript">
    $(function () {
        $('#toolbarSwitch').click(function () {
            getCountFn([4, 50008, 0])
        })
    })

    var base64 = "";

    function uploadImage() {
        console.log("here start function");
        var file = document.getElementById("imageUpload").files[0];
        var reader = new FileReader();
        var str = document.getElementById("uploadedImage").src;
        reader.onloadend = function () {
            base64 = reader.result.replace(/^data:image\/(png|jpg|jpeg);base64,/, "");
            document.getElementById("uploadedImage").src = reader.result;
            document.getElementById("uploadedImage").style.display = "block";
            console.log("图片")
            // console.log(base64);
            document.getElementById("imageUpload").setAttribute('type', 'text');
            base64 = reader.result;
            console.log(base64)
            $("#imageUpload").val(base64);
            // $("#imageUpload").attr("value",base64);
            // document.getElementById("imageUpload").value=base64;
            //test_img.value = base64;
            console.log(document.getElementById("imageUpload").value);
            // send base64 to server
        }
        reader.readAsDataURL(file);
    }

    // $(function () {
    //     $('#submit').on('click', function () {
    //         $.ajax({
    //             type: "post",
    //             url: "/user/add",
    //             data: {"base64": base64},
    //             dataType: "json",
    //             success: function (data) {
    //
    //             },
    //             error: function (data) {
    //                 alert("获取数据出错！");
    //             }
    //         })
    //     })

    // })

</script>
<!-- 头部 | end -->

<div class="reader-guide-container">
    <div id="currentTitle">
        馆区服务
    </div>
    <div class="banner"></div>
    <div class="main" style="background-color: #fafafa;">
        <div class="header">
            <!--面包屑-->
            <div class="breads">
                <a href="###" target="_self">首页</a> / <a href="###" target="_self">读者指南</a> / <a href="###"
                                                                                                       target="_self">馆区服务</a>
            </div>
        </div>
        <div class="left">
            <div class="menu">
                <!--菜单1-->
                <!--                <NLC_CHANNELS id="56">-->

                <div class="menu-item">
                    <div class="menu-title" onclick="switchMenu(this)">
                        <p style="background: none;">
                            <img src="/upload/img/2022-10-17/b6d02d95.png" alt="图示国图" width="100%" height="100%"
                                 style="display:block;"/>
                        </p>
                        <div class="menu-url">
                            #
                        </div>
                        <div class="menu-title-text" style="position: absolute;top: 117px;"
                             href="{{url_for('BooksOfLent.lent')}}">
                            图书列表
                        </div>
                    </div>
                    <div class="sub-menu-list"></div>
                </div>
                <div class="menu-item">
                    <div class="menu-title" onclick="switchMenu(this)">
                        <p style="background: none;">
                            <img src="/upload/img/2022-10-17/ca4ab63e.png" alt="馆区服务" width="100%" height="100%"
                                 style="display:block;"/>
                        </p>
                        <div class="menu-url">
                            {{url_for('BooksOfLent.lent')}}
                        </div>
                        <div class="menu-title-text" style="position: absolute;top: 179px;"
                             href="{{url_for('BorrowerInformation.borrower')}}">
                            已借出的书
                        </div>
                        <div class="iconfont icon-arrow-down"></div>
                    </div>
                </div>
                <div class="menu-item">
                    <div class="menu-title" onclick="switchMenu(this)">
                        <p style="background: none;">
                            <img src="/upload/img/2022-10-17/7dce1308.png" alt="入馆须知" width="100%" height="100%"
                                 style="display:block;"/>
                        </p>
                        <div class="menu-url">
                            {{url_for('BorrowerInformation.borrower')}}
                        </div>
                        <div class="menu-title-text" style="position: absolute;top: 239px;"
                             href="{{url_for('AdminInformation.admin')}}">
                            借阅人信息
                        </div>
                        <div class="iconfont icon-arrow-down"></div>
                    </div>

                </div>

                <div class="menu-item">
                    <div class="menu-title" onclick="switchMenu(this)">
                        <p style="background: none;">
                            <img src="/upload/img/2022-10-17/0cbfc6e6.png" alt="办证须知" width="100%" height="100%"
                                 style="display:block;"/>
                        </p>
                        <div class="menu-url">
                            {{url_for('AdminInformation.admin')}}
                        </div>
                        <div class="menu-title-text" style="position: absolute;top: 299px;">
                            管理员信息
                        </div>
                        <div class="iconfont icon-arrow-down"></div>
                    </div>
                </div>


                <div class="menu-item">
                    <div class="menu-title" onclick="switchMenu(this)">
                        <p style="background: none;">
                            <img src="/upload/img/2022-10-17/1ca0cbad.png" alt="借阅须知" width="100%" height="100%"
                                 style="display:block;"/>
                        </p>
                        <div class="menu-url">
                            {{url_for('noticeOp.list')}}
                        </div>
                        <div class="menu-title-text" style="position: absolute;top: 358px;"
                             href="{{url_for('noticeOp.list')}}">
                            公告管理
                        </div>
                        <div class="iconfont icon-arrow-down"></div>
                    </div>
                    <div class="sub-menu-list">

                    </div>
                </div>

                <div class="menu-empty" style="height: 320px;width: 169px;"></div>
            </div>
        </div>
        <div class="right" style="top: -780px;">
            <!--富文本-->
            <div class="main-bg"></div>
            <div class="content-box common__detail-rich common__detail-no-title">
                <!--内容-->

                <title></title>


                <div class="TRS_Editor">
                    <h2 align="center"></h2>

                    <p align="center"></p>

                    <p align="center">
                        <style type="text/css">p {
                            padding: 3px;
                        }
                        </style>
                    </p>
                    <div class="panel panel-primary">
                        <div class="panel-heading clearfix">
                            <h3 class="panel-title">图书馆管理系统<span
                                    class="glyphicon glyphicon-leaf pull-right"></span></h3>
                        </div>
                        <div class="panel-body">
                            <a href="{{ url_for('AllBooks.add') }}" class="btn btn-success">新增</a>
<form method="post" >
                    <table >
                        <tr>
                            <td class="td_left"><label>编号</label> </td>
                            <td class="td_right"> <input type="text" name="bid" id="bid" placeholder="请输入编号"> </td>

                            <td class="td_left"><label>用户名</label> </td>
                            <td class="td_right"> <input type="text" name="username" id="username" placeholder="请输入用户名"> </td>
                        </tr>
                        <tr>
                            <td class="td_left"> <label>借出时间</label> </td>
                            <td class="td_right"> <input type="date" name="borrowingTime" id="borrowingTime" placeholder="请输入借时 XXXX-XX-XX"> </td>

                            <td class="td_left"> <label>归还时间</label> </td>
                            <td class="td_right"> <input type="date" name="remainTime" id="remainTime" placeholder="请输入还时 XXXX-XX-XX"> </td>
                        </tr>
                        <tr>
                            <td class="td_left"> <label>分数</label> </td>
                            <td class="td_right"> <input type="number" name="score" id="score" placeholder="请输入分数"> </td>

                            <td colspan="2" align="center"> <input type="submit" id="btn_sub" value="新增" > </td>
                        </tr>
                    </table>
                </form>



                        </div>
                    </div>


                    <table align="center" border="1" cellpadding="0" cellspacing="0" width="100%">
                        <tbody>
                        <tr>
                            <td align="center" height="36" valign="middle" width="109">
                                <meta charset="UTF-8"/>
                                <span style="font-size:14px;"><b>服务类别</b></span></td>
                            <td align="center" height="36" valign="middle" width="109">
                                <meta charset="UTF-8"/>
                                <span style="font-size:14px;"><b>服务点</b></span></td>
                            <td align="center" valign="middle" width="193">
                                <meta charset="UTF-8"/>
                                <span style="font-size:14px;"><b>服务时间</b></span></td>
                            <td align="center" valign="middle" width="86"><span style="font-size:14px;"><b>服务内容</b></span>
                            </td>
                            <td align="center" valign="middle" width="86"><span style="font-size:14px;">服务地点</span>
                            </td>
                            <td align="center" valign="middle" width="86">
                                <meta charset="UTF-8"/>
                                <span style="font-size:14px;"><b>服务电话</b></span></td>
                        </tr>
                        </tbody>
                    </table>


                    <p></p>

                    <p align="left"><strong>　<span style="font-size:14px;">　注：</span></strong><br/>
                        <span style="font-size:14px;">　　1、节假日及临时变更开馆时间详见主页公告栏开馆变动通知。</span></p>
                </div>
                <grammarly-desktop-integration data-grammarly-shadow-root="true"></grammarly-desktop-integration>

            </div>
        </div>
        <div class="clear"></div>
    </div>
</div>


</body>
</html>


